<!doctype html>
<html lang="">
<head>
	<meta charset="UTF-8">
	<title>欢迎来到WeVote</title>
	<link rel="stylesheet" href="common.css">
	<script src="common.js"></script>
	<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<style type="text/css">

.card-shape {	margin-bottom: 1em;}

.section-title { font-size:1.2em; color:#EB6946; margin-bottom:6px; text-align:center;}
.section-content { color: #999; }

#intro {
	width:100%;
}

#navigator {
	width:auto;
}

.nav-btn { 
	margin: 1em 0 0 0;
	width:100%;
	box-sizing:border-box;
}
.nav-tip {
	padding: 0.3em 0 0 0;
	text-align:center;
	font-size:0.8em;
}

/*** Feature ***/
#feature{}
.feature-list { width:100%; }
	.feature-list th { font-size:1.4em; color:#F9CC8A; }
	.feature-list td { font-size:1em; color:#969696; padding-left:3px; }


</style>

</head>
<body>

<section id="intro">
	<div class="head-img"><img src="img/poll-head.png"/></div>
	<h3>开始使用 WeVote</h3>
	<p class="head-description">轻松地创建并分享小投票，灵活地了解其他人的想法。</p>
</section>

<section id="favorite" class="card-shape">
	<img src="img/weixinshoucang.png" style="display:block; margin: 0 auto; width:4em; height:4em;">
	<p class="section-title">加入收藏，更快访问WeVote</p>
	<p class="section-content">轻触屏幕右上角，选择“添加到微信收藏”<br>之后即可在微信收藏里访问WeVote</p>
</section>

<section id="navigator" class="card-shape">
	<a class="nav-btn highlight-btn" href="my.htm">我的投票</a>
	<p class="nav-tip button-tip">查看最近您参与的和您发起的投票</p>
	<a class="nav-btn highlight-btn" href="new.htm">发起新投票</a>
	<p class="nav-tip button-tip">创建一个小投票，并分享给您的朋友。</p>
</section>

<section id="feature" class="card-shape">
	<p class="section-title">为什么选择 <strong>WeVote</strong> ？</p>
	<table class="feature-list">
	<tr>
		<th>简捷</th>
		<td>创建小投票，从未如此快速简单</td>
	</tr>
	<tr>
		<th>灵活</th>
		<td></td>
	</tr>
	<tr>
		<th>易用</th>
		<td></td>
	</tr>
	</table>
	<a class="nav-btn highlight-btn" href="###">Learn More ...</a>
</section>

</body>
</html>
